.page-container {
  max-width: 1200px
  margin: 0 auto
  padding: 20px
  min-height: 100vh

  h1 {
    text-align: center
    margin-bottom: 2em
  }
}



// 分类列表样式
.categories-list {
  display: flex
  flex-direction: column
  align-items: center
  gap: 15px
  
  .category-item {
    background: rgba(255, 255, 255, 0.1)
    padding: 10px 20px
    border-radius: 8px
    width: 80%
    max-width: 600px
    transition: all 0.3s ease
    border: 1px solid rgba(255, 255, 255, 0.2)
    
    a {
      display: flex
      justify-content: space-between
      align-items: center
      color: #00ffff
      text-decoration: none
      
      span {
        opacity: 0.8
      }
    }
    
    &:hover {
      background: rgba(255, 255, 255, 0.2)
      transform: translateY(-2px)
      box-shadow: 0 4px 12px rgba(0,0,0,0.12)
    }
  }
}

// 关于页面样式
.about-content {
  background: rgba(255, 255, 255, 0.1)
  padding: 30px
  border-radius: 12px
  border: 1px solid rgba(255, 255, 255, 0.2)
  line-height: 1.8
  
  img {
    max-width: 100%
    border-radius: 8px
    margin: 20px 0
  }
}

// 默认页面样式
.page-content {
  background: rgba(255, 255, 255, 0.1)
  padding: 30px
  border-radius: 12px
  border: 1px solid rgba(255, 255, 255, 0.2)
}
